<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Yb">
    <title>河南职业技术学院首页</title>
    <link rel="stylesheet" href="css/index.css">
    <!--添加站点图标-->
    <link href="img/favicon.ico" rel="shortcut icon">
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/jquery-1.12.0.min.js"></script>
</head>

<body>
    <!--顶部信息栏-->
    <header class="header">
        <div>
            <div class="navTop">
                <ul>
                    <li><a href="javascript:;">学生</a></li>
                    <li><a href="javascript:;">教职工</a></li>
                    <li><a href="javascript:;">校友</a></li>
                    <li><a href="javascript:;">家长</a></li>
                    <li><a href="javascript:;">访客</a></li>
                    <li><a href="javascript:;">招聘</a></li>
                    <li><a href="javascript:;">捐赠</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:;">门户</a></li>
                    <li><a href="javascript:;">网络</a></li>
                    <li><a href="javascript:;">图书馆</a></li>
                    <li><a href="javascript:;">领导信箱</a></li>
                    <li><a href="javascript:;">信息公开</a></li>
                    <li><input type="text"><a href="javascript:;"> 搜索</a></li>
                </ul>
            </div>
        </div>
        <div class="headerTop">
            <a href="index.html">
                <img src="./img/logo.png" alt="">
            </a>
            <h1>德高技厚 务实创新</h1>
        </div>
        <!--内容导航栏-->
        <div class="header-nav-bar clearfix">
            <nav class="nav-bar">
                <ul>
                    <li>学院概况</li>
                    <li>学院新闻</li>
                    <li>党政部门</li>
                    <li>招生就业</li>
                    <li>教务管理</li>
                    <li>教务公开</li>
                    <li>合作交流</li>
                    <li>校园风光</li>
                </ul>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-xxdm.jpg" alt="">
                    <div class="motto">
                        <p>德高技厚</p>
                        <p>务实创新</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="./about/about.html">学院简介</a></li>
                            <li><a href="./about/leader.html">现任领导</a></li>
                            <li><a href="./about/leader.html">历任领导</a></li>
                        </ul>
                        <ul>
                            <li><a href="./about/about.html">组织机构</a></li>
                            <li><a href="./about/faculty.html">历史名人</a></li>
                        </ul>
                        <ul>
                            <li><a href="./about/honor.html">信息公开</a></li>
                            <li><a href="./about/about.html">绿色校园</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-news.jpg" alt="">
                    <div class="motto">
                        <p>新闻</p>
                        <p>news</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="./news/news.html">教务通知</a></li>
                            <li><a href="javascript:;">思想交流</a></li>
                        </ul>
                        <ul>
                            <li><a href="./news/news.html">校园活动</a></li>
                            <li><a href="./news/news.html">学习生活</a></li>
                            <li><a href="./news/news.html">校园公告</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-ddh.jpg" alt="">
                    <div class="motto">
                        <p>清正</p>
                        <p>廉洁</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="javascript:;">党政办</a></li>
                            <li><a href="javascript:;">组织部</a></li>
                            <li><a href="javascript:;">宣传部</a></li>
                            <li><a href="javascript:;">纪检委</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">机关党总支</a></li>
                            <li><a href="javascript:;">工会</a></li>
                            <li><a href="javascript:;">团委</a></li>
                            <li><a href="javascript:;">学生工作部</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">人事处</a></li>
                            <li><a href="javascript:;">财务处</a></li>
                            <li><a href="javascript:;">教务处</a></li>
                            <li><a href="javascript:;" style="color:orangered">more&gt;&gt;</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-zsjy.jpg" alt="">
                    <div class="motto">
                        <p>德高技厚</p>
                        <p>务实创新</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="./portal/login.html" target="_blank">招生信息</a></li>
                            <li><a href="./portal/login.html" target="_blank">河南招生信息网</a></li>
                        </ul>
                        <ul>
                            <li><a href="./portal/login.html" target="_blank">高招信息</a></li>
                            <li><a href="./portal/login.html" target="_blank">单招信息</a></li>
                        </ul>
                    </div> 
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-sxzx.jpg" alt="">
                    <div class="motto">
                        <p>德高技厚</p>
                        <p>务实创新</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="javascript:;">机电工程系</a></li>
                            <li><a href="javascript:;">电气工程系</a></li>
                            <li><a href="javascript:;">烹饪食品系</a></li>
                            <li><a href="javascript:;">旅游管理系</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">信息工程系</a></li>
                            <li><a href="javascript:;">工商管理系</a></li>
                            <li><a href="javascript:;">环境艺术管理系</a></li>
                            <li><a href="javascript:;">汽车工程系</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">音乐学院</a></li>
                            <li><a href="javascript:;">继续教育学院</a></li>
                            <li><a href="javascript:;">附属技校</a></li>
                            <li><a href="javascript:;" style="color:orangered">more&gt;&gt;</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-xzl.jpg" alt="">
                    <div class="motto">
                        <p>公开</p>
                        <p>透明</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                        </ul>
                        <ul>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                            <li><a href="./portal/login.html" target="_blank">教务公开</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-hzjl.jpg" alt="">
                    <div class="motto">
                        <p>志于道，据于德，</p>
                        <p>依于仁，游于艺。</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="javascript:;">合作概览</a></li>
                            <li><a href="javascript:;">内地合作</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">国际交流</a></li>
                            <li><a href="javascript:;">企业合作</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <nav class="nav-menu">
                <div class="menu">
                    <img src="./img/nav-wmh.jpg" alt="">
                    <div class="motto">
                        <p>秋冬春夏，</p>
                        <p>伴随着四时的运行，</p>
                        <p>青春、校园融为一体，</p>
                        <p>我爱河职</p>
                    </div>
                    <div class="menu-info">
                        <ul>
                            <li><a href="javascript:;">艺术与文化</a></li>
                            <li><a href="javascript:;">体育与健康</a></li>
                            <li><a href="javascript:;">学生社团</a></li>
                            <li><a href="javascript:;">教工社团</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">志愿公益</a></li>
                            <li><a href="javascript:;">校史档案</a></li>
                            <li><a href="javascript:;">会议讲座</a></li>
                        </ul>
                        <ul>
                            <li><a href="javascript:;">管理服务</a></li>
                            <li><a href="javascript:;">后勤服务</a></li>
                            <li><a href="javascript:;">校历</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>

    <!--轮播图-->
    <header class="header-hf">
        <div class="banner">
            <ul class="img">
                <li><a href="javascript:;"><img src="img/nav-sxzx.jpg"></a></li>
                <li><a href="javascript:;"><img src="img/nav-wmh.jpg"></a></li>
                <li><a href="javascript:;"><img src="img/nav-jxl.jpg"></a></li>
                <li><a href="javascript:;"><img src="img/nav-xxdm.jpg"></a></li>
                <li><a href="javascript:;"><img src="img/nav-xzl.jpg"></a></li>
            </ul>
            <ul class="num">
            </ul>
            <div class="btn btn_l">&lt;</div>
            <div class="btn btn_r">&gt;</div>
        </div>
    </header>

    <!--学院新闻-->
    <main class="main">
        <h2>学院新闻</h2>
        <div id="news">
            <div class="imgNews">
                <img src="img/nav-ddh.jpg" alt="">
                <p>我院隆重召开第三次党代会</p>
                <p>我院获“2016年度高校党务信息统计全优报表单位”荣誉称号</p>
            </div>
            <ul>
                <li><a href="javascript:;">
                        <p>我院召开党委中心组政治理论学习（扩大）会议暨党风廉政建设工作会议</p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>我院教职工参加省直单位义务植树活动</p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>学院再次举办院长晚餐会 </p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>石家庄职业技术学院到我院烹饪食品系考察交流</p>
                    </a></li>
            </ul>
            <ul>
                <li><a href="javascript:;">
                        <p>我院举办“云计算大数据时代智慧校园建设及课堂教学与诊改智能化”培训会</p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>李桂贞院长赴富士康（郑州）iDPBG事业群进行调研</p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>我院举办2017年度创业教育师资培训班 </p>
                    </a></li>
                <li><a href="javascript:;">
                        <p>院工会举办“三八”节女教职工健步走比赛 </p>
                    </a></li>
            </ul>
        </div>
        <div class="news-footer">
            <a href="javascript:;">今天有 <strong>5</strong> 条新通知</a>
            <a href="javascript:;">进入新闻网&gt;&gt;</a>
        </div>

        <!--图文信息栏-->
        <div class="fenlan">
            <div class="research">
                <h2>创业培训</h2>
                <ul>
                    <li><a href="javascript:;">
                            <p>“大学生，先就业还是先创业？”-2017年3月9日创业大讲堂</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>“做一个优秀创业者”-2016年11月30日创业大讲堂</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>“用资本的视角看《创业、创新与资本》”-2016年10月26日创业大讲堂</p>
                        </a></li>
                </ul>
                <h2>通知通告</h2>
                <ul>
                    <li><a href="javascript:;">
                            <p>学生公寓楼中水回用系统改造询价招标公告</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>关于教学楼节能灯管购置及更换的询价采购公告</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>关于校园智能卡采购的公告</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>关于开展2016届毕业生培养质量调研工作的通告 </p>
                        </a></li>
                    <li><a href="javascript:;">
                            <p>第七届全国数控技能大赛河南选拔赛日程安排及报到须知</p>
                        </a></li>
                </ul>
            </div>
            <div class="imgText">
                <div class="imgTop">
                    <a href="javascript:;"><div class="person"></div><p>人物风采</p></a>
                    <a href="javascript:;" class="show"><img src="img/nav-cx.jpg" alt=""><span class="headline">首届大学生科技创新创意大赛成果展</span></a>
                </div>
                <div class="imgTop">
                    <a href="javascript:;"><div class="reading"></div><p>菁菁校园</p></a>
                    <a href="javascript:;" class="show"><img src="img/nav-zsjy.jpg" alt=""><span class="headline">多名学校职工无偿献血18600毫升</span></a>
                </div>
            </div>
        </div>
        <!--专题网站-->
        <div class="website">
            <a href="javascript:;"><div class="person"></div><p>专题网站</p></a>
            <a href="javascript:;" class="show"><img src="img/nav-cx.jpg" alt=""><span class="headline">学习教育</span></a>
            <a href="javascript:;" class="show"><img src="img/nav-ddh.jpg" alt=""><span class="headline">教学综合改革</span></a>
            <a href="javascript:;" class="show"><img src="img/nav-jwgl.jpg" alt=""><span class="headline">教学审核与评估</span></a>
            <a href="javascript:;" class="show"><img src="img/nav-zjgl.jpg" alt=""><span class="headline">资金管理政策</span></a>
            <a href="javascript:;" class="show"><img src="img/nav-msjt.jpg" alt=""><span class="headline">名师讲堂</span></a>
        </div>
        <!--友情链接-->
        <div class="blogroll">
            <ul>
                <li><a href="javascript:;"><img src="img/nav-xxgk.jpg" alt=""><span>信息公开</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-ddh.jpg" alt=""><span>党政热线</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-map.jpg" alt=""><span>校园地图</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-bbs.jpg" alt=""><span>校园BBS</span></a></li>
            </ul>
            <ul>
                <li><a href="javascript:;"><img src="img/nav-ybt.png" alt=""><span>九号演播厅</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-xxdm.jpg" alt=""><span>校内门户</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-web.png" alt=""><span>网络服务</span></a></li>
                <li><a href="javascript:;"><img src="img/nav-xglj.png" alt=""><span>相关链接</span></a></li>
            </ul>
        </div>
    </main>


    <!--置顶效果-->
    <div class="scrollTop">
        <span>顶</span>
    </div>

    <!--底部-->
    <footer class="footer-bar">
        <div class="footer-info">
            <section class="clearfix">
                <ul>
                    <li><a href="javascript:;">学院概况</a></li>
                    <li><a href="javascript:;">院系设置</a></li>
                    <li><a href="javascript:;">政党部门</a></li>
                    <li><a href="javascript:;">校园生活</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:;">招生就业</a></li>
                    <li><a href="javascript:;">教育教学</a></li>
                    <li><a href="javascript:;">合作交流</a></li>
                    <li><a href="javascript:;">观光访问</a></li>
                </ul>
            </section>
            <section>
                <img src="img/logo.png" alt="">
            </section>
            <section>
                <div>
                    <img src="img/code.png" alt="">
                    <a href="javascript:;"><img src="img/icon_01.png" alt=""></a>
                </div>
            </section>
        </div>
        <div class="footer-bottom">
            <ul class="footer-info">
                <li>郑州市郑东新区龙子湖高校园区平安大道210号 河南职业技术学院</li>
                <li>豫ICP备10002213号 郑公备：41010029000143 网络警察</li>
            </ul>
        </div>
    </footer>
</body>

</html>
<script src="js/index.js"></script>